﻿<!DOCTYPE HTML>

<html>
	<head>
    <meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>PageOffice V4.0示例 </title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="description" content="Free HTML5 Website Template" />
	<meta name="keywords" content="free website templates, free html5, free template, free bootstrap, free website template, html5, css3, mobile first, responsive" />
	

  	<!-- Facebook and Twitter integration -->
	<meta property="og:title" content=""/>
	<meta property="og:image" content=""/>
	<meta property="og:url" content=""/>
	<meta property="og:site_name" content=""/>
	<meta property="og:description" content=""/>
	<meta name="twitter:title" content="" />
	<meta name="twitter:image" content="" />
	<meta name="twitter:url" content="" />
	<meta name="twitter:card" content="" />

	<!-- <link href="https://fonts.googleapis.com/css?family=Droid+Sans" rel="stylesheet"> -->
	
	<!-- Animate.css -->
	<link rel="stylesheet" href="css/animate.css">
	<!-- Icomoon Icon Fonts-->
	<link rel="stylesheet" href="css/icomoon.css">
	<!-- Themify Icons-->
	<link rel="stylesheet" href="css/themify-icons.css">
	<!-- Bootstrap  -->
	<link rel="stylesheet" href="css/bootstrap.css">

	<!-- Magnific Popup -->
	<link rel="stylesheet" href="css/magnific-popup.css">

	<!-- Owl Carousel  -->
	<link rel="stylesheet" href="css/owl.carousel.min.css">
	<link rel="stylesheet" href="css/owl.theme.default.min.css">

	<!-- Theme style  -->
	<link rel="stylesheet" href="css/style.css">

	<link rel="stylesheet" href="css/style3.css">
	<!-- Modernizr JS -->
	<script src="js/modernizr-2.6.2.min.js"></script>
	<!-- FOR IE9 below -->
	<!--[if lt IE 9]>
	<script src="js/respond.min.js"></script>
	<![endif]-->
     <!--PageOffice.js和jquery.min.js文件一定要引用-->
     <script type="text/javascript" src="jquery.min.js"></script>
     <script type="text/javascript" src="pageoffice.js" id="po_js_main"></script>
     <script type="text/javascript">
         $(document).ready(function() {
            $("#a_jichu").click(function() {
                 $('html, body').animate({
                     scrollTop: $("#jichu").offset().top
                 }, 500, 'easeInOutExpo');
             });
             $("#a_gaoji").click(function() {
                 $('html, body').animate({
                    scrollTop: $("#gaoji").offset().top
                }, 500, 'easeInOutExpo');
             });
             $("#a_zonghe").click(function() {
             $('html, body').animate({
                 scrollTop: $('#zonghe').offset().top
                }, 500, 'easeInOutExpo');
             });
         });
        </script>
        
	</head>
	<body>
		
	<div class="gtco-loader"></div>
	
	<div id="page">
	<nav class="gtco-nav" role="navigation">
		<div class="gtco-container">
			<div class="row">
				<div class="col-md-12 text-right gtco-contact">
					<ul class="">
						<li><a href="#"><i class="ti-mobile"></i>010-84721198 </a></li>
						<li><a href="#"><i class="icon-mail2"></i>support@zhuozhengsoft.com</a></li>
	
					</ul>
				</div>
			</div>
			<div class="row">
				<div class="col-sm-4 col-xs-12">
					<div id="gtco-logo"><a href="index.html"><img src="images/logo.png" /></a></div>
				</div>
				<div class="col-xs-8 text-right menu-1">
					<ul>
						<li class="has-dropdown"><a href="http://www.zhuozhengsoft.com" target="_blank">卓正网站</a></li>
						<li class="has-dropdown">
							<a href="http://www.zhuozhengsoft.com/Howtobuy/" target="_blank">如何购买</a>
						</li>
						<li><a href="http://www.zhuozhengsoft.com/Technical/" target="_blank">技术支持</a></li>
						<li><a href="http://www.zhuozhengsoft.com/po/offline.htm" target="_blank">离线注册</a></li>
						<li><a href="http://www.zhuozhengsoft.com/about/about/" target="_blank">联系我们</a></li>
					</ul>
				</div>
			</div>
			
		</div>
	</nav>

	<header id="gtco-header" class="gtco-cover gtco-cover-xs" role="banner" style="background-image:url(images/img_bg_1.jpg);">
		<div class="overlay"></div>
		<div class="gtco-container">
			<div class="row">
				<div class="col-md-8 col-md-offset-2 text-center">
					<div class="display-t">
						<div class="display-tc">
							<h2  style="font-size:35px"class="animate-box" data-animate-effect="fadeInUp">PageOffice V4.0 助力协同办公系统更具价值</h2>
							<h2  style="font-size:16px" class="animate-box" data-animate-effect="fadeInUp">PAGEOFFICE基于在线Office的100余项功能，让用户更轻松高效的进行文档协同办公！</h2>                         
						</div>
					</div>
				</div>
			</div>
		</div>
	</header>
	<div id="gtco-features-3">
		<div class="gtco-container">
			<div class="gtco-flex">
				<div class="feature feature-1 animate-box" data-animate-effect="fadeInUp">
					<div class="feature-inner">
						<span class="icon">
							<i class="ti-list"></i>
						</span>
						<h3>基础功能</h3>
						<p>演示最基本的在线打开、编辑、保存Office文档；控制PageOffice产品的界面，包括标题栏、菜单栏、自定义工具条、Office工具栏的隐藏和显示... </p>
						<p><a href="#" class="btn btn-white btn-outline" id="a_jichu">Learn More</a></p>
					</div>
				</div>
				<div class="feature feature-2 animate-box" data-animate-effect="fadeInUp">
					<div class="feature-inner">
						<span class="icon">
							<i class="ti-view-list-alt"></i>
						</span>
						<h3>高级功能</h3>
						<p>演示调用Pageoffice提供的接口填充数据到Word、Excel模版文件，动态生成文档的功能；演示控制Word、Excel中内容格式的功能... </p>
						<p><a href="#" class="btn btn-white btn-outline"  id="a_gaoji">Learn More</a></p>
					</div>
				</div>
				<div class="feature feature-3 animate-box" data-animate-effect="fadeInUp">
					<div class="feature-inner">
						<span class="icon">
							<i class="ti-view-grid"></i>
						</span>
						<h3>综合演示</h3>
						<p> 通过几种模型示例演示PageOffice在各种应用场景中，调用PageOffice具体的API解决实际问题的效果... </p>
						<p><a href="#" class="btn btn-white btn-outline" id="a_zonghe">Learn More</a></p>
					</div>
				</div>
			</div>
		</div>
	</div>
	
	<div id="gtco-features">
		<div class="gtco-container">
			<p><font color=red>注意：</font>以下示例除第六部分以外所有示例均可同时支持谷歌Chrome、IE、Firefox、搜狗、360等流行浏览器。如果您确定您的软件项目的所有用户只使用IE浏览器，请按照第六部分示例的集成方式调用PageOffice，效果更佳。</p>
			<div class="row">
				<div class="col-md-8 col-md-offset-2 text-center gtco-heading animate-box" >
					<h2>五、PageOffice v4.0新特性</h2>
				</div>
			</div>
			<div class="row">
				<table class="zz-talbe">
        	        <thead>
            	        <tr>
                	        <th style="width:40px;">类型 </th>
                            <th style="width:500px;">功能示例</th>
                            <th style="width:120px;">文件夹</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td><img src="images/office-1.png" /></td>
                            <td>
                                五、1、<a href="javascript:POBrowser.openWindow('POBrowser/Word.jsp','width=1200px;height=800px;');">POBrowser方式在线打开文档（以Word为例）</a>
                                <p>成熟完美的新式文件打开方式“POBrowser 方式”。此方式彻底永久性的解决了当前及将来各品牌浏览器（谷歌Chrome、Firefox等）可能出现的不加载PageOffice、各种Crash或不稳定问题。</p>
                            </td>
                            <td>/POBrowser</td>
                        </tr>
            	        <tr>
                	        <td><img src="images/office-1.png" /></td>
                            <td>五、2、<a href="javascript:POBrowser.openWindow('HtmlWord/index.html' , 'width=1200px;height=800px;');">用Html静态页面集成PageOffice（以Word为例）</a>
                                <p >演示如何使用静态Html页面集成PageOffice。</p></td>
                            <td>/HtmlWord</td>
                        </tr>
                         <tr>
                	        <td><img src="images/office-1.png" /></td>
                            <td>五、3、<a href="CallParentFunction/index.html" target="_blank">使用POBrowser打开的页面（子页面）回调父页面的函数用来传值（以Word为例）</a>
                                <p >使用POBrowser打开的页面（子页面）回调父页面JS函数，此功能还可以实现当子页面关闭以后自动更新父页面的局部状态信息。</p></td>
                            <td>/CallParentFunction</td>
                        </tr>
                         <tr>
                	        <td><img src="images/office-1.png" /></td>
                            <td>五、4、<a href="javascript:POBrowser.openWindow('PromptSave/Word.jsp' , 'width=1200px;height=800px;');">当用户关闭浏览器时，提示用户保存文档。解决onbeforeunload、onunload等无效、失效的问题</a>
                                <p >当用户关闭浏览器时，提示用户保存文档。此功能很好地避免了当用户修改完文档，关闭文档时忘记保存的问题<span style='font-size:15px;color:red;'>(注意：此功能只支持Word)</span>。</p></td>
                            <td>/PromptSave</td>
                        </tr>
                        
                    </tbody>
                </table>
			</div>
		</div>
	</div>  
	
	<div id="gtco-features">
		<div class="gtco-container">
			<div class="row">
				<div class="col-md-8 col-md-offset-2 text-center gtco-heading animate-box" id="jichu">
					<h2>一、基础功能</h2>
				</div>
			</div>
			<div class="row">
				<table class="zz-talbe">
        	        <thead>
            	        <tr>
                	        <th style="width:40px;">类型 </th>
                            <th style="width:500px;">功能示例</th>
                            <th style="width:120px;">文件夹</th>
                        </tr>
                    </thead>
                    <tbody>
            	        <tr>
                	        <td><img src="images/office-1.png" /></td>
                            <td>一、1、<a href="javascript:POBrowser.openWindow('SimpleWord/Word.jsp', 'width=1050px;height=900px;frame=no;');">最简单在线打开保存Word文件（URL地址方式）</a>
                                <p >演示PageOffice实现最基本的在线打开保存服务器上Word文件的功能，也是最简单的一个集成PageOffice的示例，第一次接触PageOffice产品的用户可以参考此示例把PageOffice集成到自己的项目中。</p></td>
                            <td>/SimpleWord</td>
                        </tr>
                        <tr>
                	        <td><img src="images/office-1.png" /></td>
                            <td>一、2、<a href="javascript:POBrowser.openWindow('SimpleWord/Word1.jsp', 'fullscreen=yes;');">以磁盘路径方式打开Office文件（以Word为例）</a>
                            <p>最简单的集成PageOffice的示例，但使用的是服务器磁盘路径的方式，这种方式的优点：1. 支持中文路径；2. 文件可以保存在服务器上的任意磁盘文件夹下。<span style="color:#333;">（此示例演示以窗口全屏显示的方式打开文件。）</span></p>
                            </td>
                            
                            <td>/SimpleWord</td>
                        </tr>

                        <tr>
                	        <td><img src="images/office-2.png" /></td>
                            <td>一、3、<a href="javascript:POBrowser.openWindow('SimpleExcel/Excel.jsp' , 'left=20px;top=10px;width=780px;height=800px;frame=no;');">最简单在线打开保存Excel文件（URL地址方式）</a>
                            <p>演示在线打开保存Excel文件的效果，与上面打开保存Word的代码几乎完全一样，只是WebOpen的第二个参数不一样。WebOpen方法的第二个参数需要与实际要打开的Office文档的文件格式保持一致。<span style="color:#333;">（此示例演示使用参数控制在线打开文件的窗口位置和大小。）</span></p>
                            </td>
                            <td>/SimpleExcel</td>
                        </tr>
                        <tr>
                	        <td><img src="images/office-3.png" /></td>
                            <td>一、4、<a href="javascript:POBrowser.openWindow('SimplePPT/PPT.jsp' , 'width=1055px;height=900px;frame=no;');">最简单在线打开保存PPT文件（URL地址方式）</a><p>演示在线打开保存PPT文件的效果，与上面打开保存Word的代码几乎完全一样，只是WebOpen的第二个参数不一样。WebOpen方法的第二个参数需要与实际要打开的Office文档的文件格式保持一致</p>
                            </td>
                            <td>/SimplePPT</td>
                        </tr>
                        <tr>
                	        <td><img src="images/office-1.png" /></td>
                            <td>一、5、<a href="javascript:POBrowser.openWindow('TitleText/Word.jsp' , 'width=1200px;height=800px;');">修改标题栏文本内容</a>
                            <p>通过给Caption属性赋值可以修改标题栏的文本内容，如果不给Caption赋值的话，标题栏默认显示的文本是：卓正 PageOffice 开发平台。</p>
                            </td>
                            <td>/TitleText</td>
                        </tr>
                        <tr>
                	        <td><img  src="images/office-1.png" /></td>
                            <td>一、6、<a href="javascript:POBrowser.openWindow('ControlBars/OpenWord.jsp' , 'width=1200px;height=800px;');">隐藏标题栏、菜单栏、自定工具栏和Office工具栏（以Word为例）</a>
                            <p>演示如何隐藏标题栏、菜单栏、自定工具栏和Office工具栏，每个栏都是可以单独的控制是否隐藏。</p>
                            </td>
                            <td>/ControlBars</td>
                        </tr>
                        <tr>
                	        <td><img src="images/office-1.png" /></td>
                            <td>一、7、<a href="javascript:POBrowser.openWindow('SetTheme/Word.jsp' , 'width=1200px;height=800px;');">设置PageOffice界面的主题样式</a>
                            <p>通过设置Theme 属性，改变控件窗口的界面样式。有自定义界面、Office2007界面和Office2010界面共三种主题可选。</p>
                            </td>
                            <td>/SetTheme</td>
                        </tr>
                        <tr>
                	        <td><img src="images/office-1.png" /></td>
                            <td>一、8、<a href="javascript:POBrowser.openWindow('OpenWord/OpenWord.jsp' , 'width=1200px;height=800px;');">最简单的只读打开Office文件（以Word为例）</a>
                            <p>实现只读模式打开Office文件，只需要修改WebOpen的第二个参数即可，PageOffice针对Word、Excel和PPT分别提供了docReadOnly、xlsReadOnly和pptReadOnly模式。</p>
                            
                            </td>
                            <td>/OpenWord</td>
                        </tr>
                        <tr>
                	        <td><img src="images/office-1.png" /></td>
                            <td>一、9、<a href="javascript:POBrowser.openWindow('SaveReturnValue/SaveReturnValue.jsp' , 'width=1200px;height=800px;');">文档保存后给前台页面返回开发者自定义的保存结果值（以Word为例）</a>
                            <p>通过后台代码设置PageOffice.FileSaver.CustomSaveResult 属性，给前台页面PageOffice对象返回一个用户自定义的值，以满足部分开发者给前台页面返回ID或其他保存结果的需求。</p>
                            </td>
                            <td>/SaveReturnValue</td>
                        </tr>
                        <tr>
                	        <td><img src="images/office-1.png" /></td>
                            <td>一、10、<a href="javascript:POBrowser.openWindow('SendParameters/SendParameters.jsp' , 'width=1200px;height=800px;');">给保存页面（SaveFilePage属性指向的页面）传递参数</a>
                            <p>此示例演示了PageOffice给保存页面传递参数的三种方式:(1)通过设置保存页面的url中的?传递参数;(2)通过input隐藏域给保存页面传递参数;(3)通过Form控件给保存页面传递参数(这里的Form控件包括输入框、下拉框、单选框、复选框、TextArea等类型的控件)。</p>
                            </td>
                            <td>/SendParameters</td>
                        </tr>
                        <tr>
                	        <td><img src="images/office-1.png" /></td>
                            <td>一、11、<a href="javascript:POBrowser.openWindow('DataRegionFill/DataRegionFill.jsp' , 'width=1200px;height=800px;');">给Word文档中的数据区域（DataRegion）赋值的简单示例</a>
                            <p>此示例是一个最简单的给Word数据区域赋值的示例。预先在Word文档中手工设置一些DataRegion，通过PageOffice可以实现在文档中标记的位置处动态填充内容。</p>
                            </td>
                            <td>/DataRegionFill</td>
                        </tr>
                        <tr>
                	        <td><img src="images/office-2.png" /></td>
                            <td>一、12、<a href="javascript:POBrowser.openWindow('ExcelFill/ExcelFill.jsp' , 'width=1200px;height=800px;');">简单的给Excel表格赋值</a>
                            <p>此示例是一个最简单的给Excel单元格赋值的示例。</p>
                            </td>
                            <td>/ExcelFill</td>
                        </tr>
                        <tr>
                	        <td><img src="images/office-1.png" /></td>
                            <td>一、13、<a href="javascript:POBrowser.openWindow('SubmitWord/SubmitWord.jsp' , 'width=1200px;height=800px;');">最简单的提交Word中的用户输入内容</a>
                            <p>演示PageOffice使用WordReader对象获取Word文档中数据的效果。此示例仅演示了最基本的功能，更详细功能请参考“综合演示”示例。</p>
                            </td>
                            <td>/SubmitWord</td>
                        </tr>
                        <tr>
                	        <td><img src="images/office-2.png" /></td>
                            <td>一、14、<a href="javascript:POBrowser.openWindow('SubmitExcel/SubmitExcel.jsp' , 'width=1200px;height=800px;');">最简单的提交Excel中的用户输入内容</a>
                            <p>演示PageOffice使用ExcelReader对象获取Excel文档中单元格数据的效果。此示例仅演示了最基本的功能，更详细功能请参考“综合演示”示例。</p>
                            </td>
                            <td>/SubmitExcel</td>
                        </tr>
                       
                        <tr>
                	        <td><img src="images/office-1.png" /></td>
                            <td>一、15、<a href="javascript:POBrowser.openWindow('InsertSeal/Word.jsp' , 'width=1200px;height=800px;');">演示加盖印章和签字功能（以Word为例）</a>
                            <p>演示PageOffice在线编辑时盖章和签字的功能。此示例仅演示用户使用印章功能时的操作和盖章后的效果，更多印章相关的功能请参考“综合演示”示例。印章管理平台可以轻易集成到您的软件系统中。</p>
                            </td>
                            <td>/InsertSeal</td>
                        </tr>
                         
                        <tr>
                	        <td><img  src="images/office-1.png" /></td>
                            <td>一、16、<a href="javascript:POBrowser.openWindow('CommandCtrl/Word.jsp','width=1200px;height=800px;');">控制保存、另存和打印功能（以Word为例）</a>
                            <p>演示怎样分别禁止Office的保存、另存和打印功能。</p>
                            </td>
                            <td>/CommandCtrl</td>
                        </tr>
                        <tr>
                	        <td><img src="images/office-1.png" /></td>
                            <td>一、17、<a href="javascript:POBrowser.openWindow('WordSetTable/WordSetTable.jsp' , 'width=1200px;height=800px;');">给Word文档中Table赋值的简单示例</a>
                            <p>演示了PageOffice对Word文档中Table的操作，包括给单元格赋值和动态添加行的效果。</p>
                            </td>
                            <td>/WordSetTable</td>
                        </tr>
                        <tr>
                	        <td><img src="images/office-1.png" /></td>
                            <td>一、18、<a href="javascript:POBrowser.openWindow('WordDataTag2/DataTag.jsp' , 'width=1200px;height=800px;');">使用数据标签（DataTag）给Word文件填充文本数据</a>
                            <p>给Word模板中数据标签（DataTag）赋值，针对模板中有多处位置需要同一数据的需求，使用数据标签可以重复标记多处需要填充同一数据的位置，然后对数据标签编程实现填充模板生成文件。</p>
                            </td>
                            <td>/WordDataTag2</td>
                        </tr>
                        <tr>
                	        <td><img src="images/office-1.png" /></td>
                            <td>一、19、<a href="javascript:POBrowser.openWindow('CustomToolButton/word.jsp' , 'width=1200px;height=800px;');">在PageOffice自定义工具条上添加一个按钮（以Word为例）</a>
                            <p>给PageOffice自定义工具条上添加一个按钮，并设置点击时执行的代码。</p>
                            </td>
                            <td>/CustomToolButton</td>
                        </tr>
                        <tr>
                	        <td><img src="images/office-1.png" /></td>
                            <td>一、20、<a href="javascript:POBrowser.openWindow('AfterDocOpened/Word.jsp' , 'width=1200px;height=800px;');">添加文档打开之后在页面里触发的事件（以Word为例）</a>
                            <p>演示怎样使用文档打开之后在页面里触发的事件，此事件很常用，需要在文件打开的时候执行的代码都可以放到此事件中执行。</p>
                            </td>
                            <td>/AfterDocOpened</td>
                        </tr>
                        <tr>
                	        <td><img src="images/office-1.png" /></td>
                            <td>一、21、<a href="javascript:POBrowser.openWindow('JsControlBars/Word.jsp' , 'width=1200px;height=800px;');">用JS控制PageOffice窗口上各个工具栏的隐藏和显示（以Word为例）</a>
                            <p>演示怎样用JS控制标题栏、菜单栏、自定义工具栏、Office工具栏的隐藏和显示。</p>
                            </td>
                            <td>/JsControlBars</td>
                        </tr>
                        <tr>
                	        <td><img src="images/office-1.png" /></td>
                             <td>一、22、<a href="ConcurrencyCtrl/Default.jsp" target="_blank">打开文档使用"并发控制"（以Word为例）</a>
                            <p>演示使用TimeSlice属性设置打开文档的并发控制时间，防止多个用户同时打开一个文件，出现编辑保存文件相互覆盖的问题。</p>
                            </td>
                            <td>/ConcurrencyCtrl</td>
                        </tr>
                        <tr>
                	        <td><img src="images/office-2.png" /></td>
                            <td>一、23、<a href="javascript:POBrowser.openWindow('ExcelTable/Table.jsp' , 'width=1200px;height=800px;');">对Excel中的一块区域赋值，并自动增加行</a>
                            <p>演示使用PageOffice的方法OpenTable，实现行增长，还可以循环使用原模板Table区域（B4:F13）单元格样式。 </p>
                            </td>
                            <td>/ExcelTable</td>
                        </tr>
                        <tr>
                	        <td><img src="images/office-1.png" /></td>
                            <td>一、24、<a href="javascript:POBrowser.openWindow('SaveAsHTML/Word.jsp' , 'width=1200px;height=800px;');">另存文件为HTML格式（以Word为例）</a>
                            <p>演示使用PageOffice的WebSaveAsHTML方法，另存文件为Html格式保存到服务器。 </p>
                            </td>
                            <td>/SaveAsHTML</td>
                        </tr>
                        <tr>
                	        <td><img src="images/office-1.png" /></td>
                            <td>一、25、<a href="javascript:POBrowser.openWindow('SaveAsMHT/Word.jsp' , 'width=1200px;height=800px;');">另存文件为MHT格式（以Word为例）</a>
                            <p>演示使用PageOffice的WebSaveAsMHT方法，另存文件为MHT格式保存到服务器。 </p>
                            </td>
                            <td>/SaveAsMHT</td>
                        </tr>
                        <tr>
                	        <td><img src="images/office-1.png" /></td>
                            <td>一、26、<a href="javascript:POBrowser.openWindow('BeforeAndAfterSave/Word.jsp' , 'width=1200px;height=800px;');">文档保存前和保存后触发的事件（以Word为例）</a>
                            <p>演示怎样使用文档保存之前和保存之后触发的事件，这两个事件很常用，需要在保存文档时执行的js代码，都可以放到这两个事件中执行。 </p>
                            </td>
                            <td>/BeforeAndAfterSave</td>
                        </tr>
		                <tr>
                	        <td><img src="images/office-1.png" /></td>
                            <td>一、27、<a href="javascript:POBrowser.openWindow('POBrowser2/Word.jsp','width=1200px;height=800px;');" >POBrowser方式在线打开文档（以Word为例）</a>
                            <p>全新的文件打开方式“POBrowser 方式”，此方式提供了更完美的浏览器兼容性解决方案。</p>
                            </td>
                            <td>/POBrowser2</td>
                        </tr>
                       <tr>
                	        <td><img src="images/office-1.png" /></td>
                            <td>一、28、<a href="javascript:POBrowser.openWindow('SaveDataAndFile/Word.jsp' , 'width=1200px;height=800px;');">既保存Word文档中指定位置的数据,又保存整篇文档（以Word为例）</a>
                            <p>演示如何将setSaveDataPage和setSaveFilePage方法结合使用,以达到同时保存数据和文件的效果。</p>
                            </td>
                            <td>/SaveDataAndFile</td>
                        </tr>
                        <tr>
                	        <td><img src="images/office-1.png" /></td>
                            <td>一、29、<a href="javascript:POBrowser.openWindow('ImportWordData/Word.jsp' , 'width=1200px;height=800px;');">导入离线填报的Word文件并提交数据</a>
                            <p>演示如何导入离线填报的Word文件，提交并获取文件中的填报数据。</p>
                            </td>
                            <td>/ImportWordData</td>
                        </tr>
                        <tr>
                	        <td><img src="images/office-2.png" /></td>
                            <td>一、30、<a href="javascript:POBrowser.openWindow('ImportExcelData/Excel.jsp' , 'width=1200px;height=800px;');">导入离线填报的Excel文件并提交数据</a>
                            <p>演示如何导入离线填报的Excel文件，提交并获取文件中的填报数据。</p>
                            </td>
                            <td>/ImportExcelData</td>
                        </tr>
                        <tr>
                	        <td><img src="images/office-1.png" /></td>
                            <td>一、31、<a href="javascript:POBrowser.openWindow('WordDisableRight/Word.jsp' , 'width=1200px;height=800px;');">禁止Word中鼠标右键</a>
                            <p>演示如何使用服务器端方法setDisableWindowRightClick(true)禁止当前Word文档中鼠标右键菜单。</p>
                            </td>
                            <td>/WordDisableRight</td>
                        </tr>
                        <tr>
                            <td><img src="images/office-2.png" /></td>
                            <td>一、32、<a href="javascript:POBrowser.openWindow('ExcelDisableRight/Excel.jsp' , 'width=1200px;height=800px;');">禁止Excel中鼠标右键</a>
                            <p>演示如何使用服务器端方法setDisableSheetRightClick(true)禁止当前Excel工作表鼠标右键菜单。</p>
                            </td>
                            <td>/ExcelDisableRight</td>
                        </tr>       
                        <tr>
                	        <td><img src="images/office-1.png" /></td>
                            <td>一、33、<a href="POBrowserTopic/index.jsp" target="_blank">POBrowser专题</a>
                            <p>演示如何给POBrowser打开的页面传递参数。</p>
                            </td>
                            <td>/POBrowserTopic</td>
                        </tr>
                    </tbody>
                </table>
			</div>
		</div>
	</div>

	<div id="gtco-portfolio" class="gtco-section">
		<div class="gtco-container">
			<div class="row">
				<div class="col-md-8 col-md-offset-2 text-center gtco-heading animate-box" id="gaoji">
					<h2>二、高级功能</h2>
				</div>
			</div>

			<div class="row row-pb-md" id="div_gaoji">
				<table class="zz-talbe">
        	        <thead>
            	        <tr>
                	        <th style="width:40px;">类型 </th>
                            <th style="width:500px;">功能示例</th>
                            <th style="width:120px;">文件夹</th>
                        </tr>
                    </thead>
                    <tbody>
            	        <tr>
                	        <td><img src="images/office-1.png" /></td>
                            <td>二、1、<a href="javascript:POBrowser.openWindow('ReadOnly/OpenWord.jsp' , 'width=1200px;height=800px;');">文件在线安全浏览（以Word为例）</a>
                            <p>使用只读模式在线打开Word文件，禁止编辑、拷贝、打印、另存。</p>
                            <p>安全浏览文档禁止：编辑、复制、粘贴、右键菜单、选择、下载、另存、F12下载、PrintScreen拷屏等操作。</p>
                            </td>
                            <td>/ReadOnly</td>
                        </tr>
                        <tr>
                	        <td><img src="images/office-1.png" /></td>
                            <td>二、2、<a href="javascript:POBrowser.openWindow('DataBase/Stream.jsp' , 'width=1200px;height=800px;');">打开保存数据库中的文件（以Word为例）</a>
                            <p>演示如何使用PageOffice以流的方式打开数据库中保存的文件。不推荐把文件保存在数据库中，不便于调试，并且影响数据库的查询速度。</p>
                            </td>
                            <td>/DataBase</td>
                        </tr>
                        <tr>
                	        <td><img src="images/office-1.png" /></td>
                            <td>二、3、<a href="CreateWord/word-lists.jsp" target="_blank">新建文件（以Word为例）</a>
                            <p>演示系统中创建文档的两种方式：1.复制文件创建新文件方法；2.利用PageOffice的WebCreateNew方法创建新文件。</p>
                            </td>
                            <td>/CreateWord</td>
                        </tr>
                        <tr>
                	        <td><img src="images/pdf.jpg" /></td>
                            <td>二、4、<a href="javascript:POBrowser.openWindow('POPDF/PDF.jsp' , 'width=1050px;height=900px;frame=no;');">在线打开PDF文件</a><span style=" color:Red;">（专业版、企业版）</span>
                            <p>演示使用POPDF组件在线打开PDF文件的效果，标题栏、菜单栏、工具栏和自定义工具条都可以分别隐藏，同时自定义工具条上的按钮的数量和功能均可编程控制。</p>
                            </td>
                            <td>/POPDF</td>
                        </tr>
                        <tr>
                	        <td><img src="images/pdf.jpg" /></td>
                            <td>二、5、<a href="javascript:POBrowser.openWindow('SaveAsPDF/WordToPDF.jsp' , 'width=1200px;height=800px;');">Office文件转换为PDF文件（以Word为例）</a><span style=" color:Red;">（专业版、企业版）</span>
                            <p>演示打开Word文件，转存为PDF格式到服务器的效果。</p>
                            </td>
                            <td>/SaveAsPDF</td>
                        </tr>
                        <tr>
                	        <td><img src="images/office-1.png" /></td>
                            <td>二、6、<a href="javascript:POBrowser.openWindow('WordResWord/Word.jsp' , 'width=1200px;height=800px;');">后台编程插入Word文件到数据区域</a><span style=" color:Red;">（专业版、企业版）</span>
                            <p>此示例演示了通过后台编程，实现打开文件时多个Word文件插入到模板指定位置，生成一个合并文档的效果。</p>
                            </td>
                            <td>/WordResWord</td>
                        </tr>
                        <tr>
                	        <td><img src="images/office-1.png" /></td>
                            <td>二、7、<a href="javascript:POBrowser.openWindow('WordResImage/Word.jsp' , 'width=1200px;height=800px;');">后台编程插入图片到数据区域</a><span style=" color:Red;">（专业版、企业版）</span>
                            <p>此示例在示例9的基础上做了修改，实现了图片和Word文件混合插入到模板指定位置，生成一个合并文档的效果。</p>
                            </td>
                            <td>/WordResImage</td>
                        </tr>
                         <tr>
                	        <td><img src="images/office-1.png" /></td>
                            <td>二、8、<a href="javascript:POBrowser.openWindow('WordResExcel/Word.jsp' , 'width=1200px;height=800px;');">后台编程插入Excel文件到数据区域</a><span style=" color:Red;">（企业版）</span>
                            <p>此示例在上一个示例的基础上做了修改，实现了Word和Excel文件混合插入到模板指定位置，生成一个合并文档的效果。</p>
                            </td>
                            <td>/WordResExcel</td>
                        </tr>
                        
                        <tr>
                	        <td><img src="images/office-1.png" /></td>
                            <td>二、9、<a href="javascript:POBrowser.openWindow('AddWaterMark/AddWaterMark.jsp' , 'width=1200px;height=800px;');">给Word文档添加水印</a><span style=" color:Red;">（企业版）</span>
                            <p>通过设置PageOffice.WordWriter.WaterMark 属性，给Word文档添加水印。</p>
                            </td>
                            <td>/AddWaterMark</td>
                        </tr>
                        
                        
                        <tr>
                	        <td><img src="images/office-1.png" /></td>
                            <td>二、10、<a href="javascript:POBrowser.openWindow('WordDataTag/DataTag.jsp' , 'width=1200px;height=800px;');">使用数据标签（DataTag）给Word文件填充带格式的数据</a><span style=" color:Red;">（专业版、企业版）</span>
                            <p>给Word模板中数据标签（DataTag）赋值，针对模板中有多处位置需要同一数据的需求，使用数据标签可以重复标记多处需要填充同一数据的位置，然后对数据标签编程实现填充模板生成文件。</p>
                            </td>
                            <td>/WordDataTag</td>
                        </tr>
                        <tr>
                	        <td><img src="images/office-1.png" /></td>
                            <td>二、11、<a href="javascript:POBrowser.openWindow('DataRegionCreate/DataRegionCreate.jsp' , 'width=1200px;height=800px;');">在Word中动态创建数据区域</a><span style=" color:Red;">（专业版、企业版）</span>
                            <p>演示使用CreateDataRegion方法动态添加数据区域的功能。动态添加数据区域，可以在生成Word文件的时候更灵活，甚至可以从空白的Word文件生成一个图文并茂的文件（详见“高级功能”示例）。</p>
                            </td>
                            <td>/DataRegionCreate</td>
                        </tr>
                        <tr>
                	        <td><img src="images/office-1.png" /></td>
                            <td>二、12、<a href="javascript:POBrowser.openWindow('RunMacro/Word.jsp' , 'width=1200px;height=800px;');">执行文档中的宏命令（以Word为例）</a><span style=" color:Red;">（专业版、企业版）</span>
                            <p>使用PageOffice的RunMacro方法可以运行Office文档本身包含的宏命令。</p>
                            </td>
                            <td>/RunMacro</td>
                        </tr>
                        
                        
                        <tr>
                	        <td><img src="images/office-1.png" /></td>
                            <td>二、13、<a href="javascript:POBrowser.openWindow('FileMakerSingle/Default.jsp' , 'width=1200px;height=800px;');">FileMaker转换单个文档（以Word为例）</a><span style=" color:Red;">（专业版、企业版）</span>
                            <p>演示使用FileMaker对象动态生成文件的效果。虽然还是在客户端生成文件后保存到服务器上的，但是不在客户端显式的打开文件。</p>
                            </td>
                            <td>/FileMakerSingle</td>
                        </tr>
                        <tr>
                	        <td><img src="images/office-1.png" /></td>
                            <td>二、14、<a href="javascript:POBrowser.openWindow('WordTable/WordTable.jsp' , 'width=1200px;height=800px;');">向Word文档中的Table插入新行并赋值</a><span style=" color:Red;">（专业版、企业版）</span>
                            <p>演示了PageOffice给Word中表格插入新行的功能，同时也演示了如何给存在纵向合并单元格的表格添加新行。</p>
                            </td>
                            <td>/WordTable</td>
                        </tr>
                        <tr>
                	      <td><img src="images/office-1.png" /></td>
                            <td>二、15、<a href="javascript:POBrowser.openWindow('WordHandDraw/Word.jsp' , 'width=1200px;height=800px;');">手写批注接口演示</a><span style=" color:Red;">（企业版）</span>
                            <p>演示了如何使用程序控制手写批注的线宽、颜色、缩放、笔触类型等功能。</p>
                            </td>
                            <td>/WordHandDraw</td>
                        </tr>
                        <tr>
                	         <td><img src="images/office-1.png" /></td>
                            <td>二、16、<a href="javascript:POBrowser.openWindow('DataRegionTable/Default.jsp' , 'width=1200px;height=800px;');">获取Word文件中表格的数据</a><span style=" color:Red;">（专业版、企业版）</span>
                            <p>演示了获取Word表格中的数据。要想获取表格中的数据，前提是：这个表格必须在一个数据区域内。使用数据区域对象的OpenTable方法就可以获取到表格中各个单元格的数据。</p>
                            </td>
                            <td>/DataRegionTable</td>
                        </tr>
                        <tr>
                	        <td><img src="images/office-1.png" /></td>
                            <td>二、17、<a href="javascript:POBrowser.openWindow('DataRegionText/Default.jsp' , 'width=1200px;height=800px;');">控制数据区域文本的样式</a><span style=" color:Red;">（专业版、企业版）</span>
                            <p>演示了如何使用程序控制数据区域文本的样式，包括设置文本的字体、字号、颜色、对齐方式。</p>
                            </td>
                            <td>/DataRegionText</td>
                        </tr>
                        <tr>
                	        <td><img src="images/office-1.png" /></td>
                            <td>二、18、<a href="javascript:POBrowser.openWindow('SetDrByUserWord/Default.jsp' , 'width=1200px;height=800px;');">控制不同用户编辑Word文档中不同的区域</a><span style=" color:Red;"></span>
                            <p>演示了如何使用程序控制不同用户打开文件后，只能编辑Word文档中属于自己的区域。</p>
                            </td>
                            <td>/SetDrByUserWord</td>
                        </tr>
                        <tr>
                	        <td><img src="images/office-1.png" /></td>
                            <td>二、19、<a href="javascript:POBrowser.openWindow('SetDrByUserWord2/Default.jsp' , 'width=1200px;height=800px;');">控制不同用户编辑Word文档中不同的区域（可同时编辑）</a><span style=" color:Red;">（企业版）</span>
                            <p>演示了如何使用程序控制不同用户打开文件后，只能编辑Word文档中属于自己的区域。用此方法开发的话，支持多个人同时打开一个文件编辑各自的区域而互不影响的。</p>
                            </td>
                            <td>/SetDrByUserWord2</td>
                        </tr>
                        <tr>
                	        <td><img src="images/office-1.png" /></td>
                            <td>二、20、<a href="javascript:POBrowser.openWindow('SetHandDrawByUser/Default.jsp' , 'width=1200px;height=800px;');">控制用户打开文件只能看到自己的手写</a><span style=" color:Red;">（企业版）</span>
                            <p>演示了如何使用程序控制用户打开文件后，只能看到自己手写的内容。使用HandDraw对象的ShowByUserName方法控制手写内容的显示和隐藏。</p>
                            </td>
                            <td>/SetHandDrawByUser</td>
                        </tr>
                        <tr>
                	        <td><img src="images/office-1.png" /></td>
                            <td>二、21、<a href="javascript:POBrowser.openWindow('MergeWordCell/Default.jsp' , 'width=1200px;height=800px;');">使用程序合并Word文件中表格的单元格并赋值</a><span style=" color:Red;">（专业版、企业版）</span>
                            <p>演示了使用MergeTo方法合并Word文件中表格的指定单元格，并填充文本数据，设置文字的字体、样式和对齐方式。</p>
                            </td>
                            <td>/MergeWordCell</td>
                        </tr>
                        <tr>
                	        <td><img src="images/office-1.png" /></td>
                            <td>二、22、<a href="javascript:POBrowser.openWindow('ClickDataRegion/Default.jsp' , 'width=1200px;height=800px;');">响应数据区域点击事件</a><span style=" color:Red;">（专业版、企业版）</span>
                            <p>演示了获取数据区域点击事件，实现禁止用户直接编辑数据区域的内容。用此方法可以实现下拉框选择数据的功能。</p>
                            </td>
                            <td>/ClickDataRegion</td>
                        </tr>
                        <tr>
                	        <td><img src="images/office-2.png" /></td>
                            <td>二、23、<a href="javascript:POBrowser.openWindow('MergeExcelCell/Default.jsp' , 'width=1200px;height=800px;');">使用程序合并Excel的单元格并设置格式和赋值</a><span style=" color:Red;">（专业版、企业版）</span>
                            <p>演示了使用程序合并指定的Excel单元格，并设置文本格式和赋值。</p>
                            </td>
                            <td>/MergeExcelCell</td>
                        </tr>
                        <tr>
                	        <td><img src="images/office-2.png" /></td>
                            <td>二、24、<a href="javascript:POBrowser.openWindow('SetXlsTableByUser/Default.jsp' , 'width=1200px;height=800px;');">控制不同用户编辑Excel文档中不同的区域</a><span style=" color:Red;">（专业版、企业版）</span>
                            <p>演示了如何使用程序控制不同用户打开文件后，只能编辑Excel文档中属于自己的区域。</p>
                            </td>
                            <td>/SetXlsTableByUser</td>
                        </tr>
                        <tr>
                	        <td><img src="images/office-2.png" /></td>
                            <td>二、25、<a href="javascript:POBrowser.openWindow('SetExcelCellBorder/Default.jsp' , 'width=1200px;height=800px;');">使用程序 “绘制” Excel表格线</a><span style=" color:Red;">（专业版、企业版）</span>
                            <p>演示了如何通过对ExcelWriter对象编程，在Excel文档中设置各个单元格或区域的边框样式，也就是设置Excel的表格线样式。</p>
                            </td>
                            <td>/SetExcelCellBorder</td>
                        </tr>
                        <tr>
                	        <td><img src="images/office-2.png" /></td>
                            <td>二、26、<a href="javascript:POBrowser.openWindow('SetExcelCellText/Default.jsp' , 'width=1200px;height=800px;');">用程序设置Excel单元格文本的字体、颜色、对齐和背景色</a><span style=" color:Red;">（专业版、企业版）</span>
                            <p>演示了如何通过对ExcelWriter对象编程，设置Excel各个单元格文本的字体和颜色，设置单元格的对齐方式和背景色。</p>
                            </td>
                            <td>/SetExcelCellText</td>
                        </tr>
                        <tr>
                	        <td><img src="images/office-1.png" /></td>
                            <td>二、27、<a href="javascript:POBrowser.openWindow('DataRegionFill2/DataRegionFill.jsp' , 'width=1200px;height=800px;');">给Word文档中的数据区域（DataRegion）赋值并设置样式 </a><span style=" color:Red;">（专业版、企业版）</span>
                            <p>此示例是一个最简单的给Word数据区域赋值的示例。预先在Word文档中手工设置一些DataRegion，通过PageOffice可以实现在文档中标记的位置处动态填充内容并设置文本的样式。</p>
                            </td>
                            <td>/DataRegionFill2</td>
                        </tr>
                        <tr>
                	        <td><img src="images/office-2.png" /></td>
                            <td>二、28、<a href="javascript:POBrowser.openWindow('ExcelCellClick/SubmitExcel.jsp' , 'width=1200px;height=800px;');">响应Excel单元格点击事件</a><span style=" color:Red;">（专业版、企业版）</span>
                            <p>演示了Excel单元格点击事件的使用，可以实现禁止用户直接编辑单元格内容的情况下，用下拉框选择数据的功能。</p>
                            </td>
                            <td>/ExcelCellClick</td>
                        </tr>
                        <tr>
                	        <td><img src="images/office-2.png" /></td>
                            <td>二、29、<a href="javascript:POBrowser.openWindow('ExcelFill2/ExcelFill.jsp' , 'width=1200px;height=800px;');">简单的给Excel单元格赋值设置文本颜色</a><span style=" color:Red;">（专业版、企业版）</span>
                            <p>演示了用程序给Excel单元格填充数据，并设置文本的颜色。</p>
                            </td>
                            <td>/ExcelFill2</td>
                        </tr>
                        <tr>
                	        <td><img src="images/office-1.png" /></td>
                            <td>二、30、<a href="javascript:POBrowser.openWindow('DataRegionEdit/Default.jsp' , 'width=1200px;height=800px;');">用户自定义模板中数据区域（DataRegion）的位置</a><span style=" color:Red;">（专业版、企业版）</span>
                            <p>演示了使用PageOffice封装好的数据区域管理窗口，实现用户自己编辑模板，定义模板中各个数据区域位置的效果。</p>
                            </td>
                            <td>/DataRegionEdit</td>
                        </tr>
                        <tr>
                	        <td><img src="images/office-1.png" /></td>
                            <td>二、31、<a href="javascript:POBrowser.openWindow('DataTagEdit/Default.jsp' , 'width=1200px;height=800px;');">用户自定义模板中数据标签（DataTag）的位置</a><span style=" color:Red;">（专业版、企业版）</span>
                            <p>演示了使用PageOffice封装好的数据标签管理窗口，实现用户自己编辑模板，定义模板中各个数据标签位置的效果。</p>
                            </td>
                            <td>/DataTagEdit</td>
                        </tr>
                        <tr>
                	        <td><img src="images/office-2.png" /></td>
                            <td>二、32、<a href="javascript:POBrowser.openWindow('DefinedNameCell/ExcelFill.jsp' , 'width=1200px;height=800px;');">给Excel模板中定义了名称的单元格赋值</a><span style=" color:Red;">（专业版、企业版）</span>
                            <p>Excel自身有一个“定义名称”的功能，可以给任意的单元格定义一个名称，比如定义某个单元格的名称为：testA1，此示例演示了，如何给这个名称为“testA1”的单元格赋值。</p>
                            </td>
                            <td>/DefinedNameCell</td>
                        </tr>
                        <tr>
                	        <td><img src="images/office-2.png" /></td>
                            <td>二、33、<a href="javascript:POBrowser.openWindow('DefinedNameTable/Default.jsp' , 'width=1200px;height=800px;');">给Excel模板中定义了名称的一块区域赋值</a><span style=" color:Red;">（专业版、企业版）</span>
                            <p>Excel自身有一个“定义名称”的功能，可以给选中的一块区域（在PageOffice的概念里称这块区域为一个Table）定义一个名称，比如定义区域“B4:F13”的名称为：report，此示例演示了，如何给这个名称为“report”的Table赋值。</p>
                            </td>
                            <td>/DefinedNameTable</td>
                        </tr>
                        <tr>
                	        <td><img src="images/pdf.jpg" /></td>
                            <td>二、34、<a href="javascript:POBrowser.openWindow('FileMakerPDF/Default.jsp' , 'width=1200px;height=800px;');">FileMaker转换单个文档为PDF（以Word为例） </a><span style=" color:Red;">（专业版、企业版）</span>
                            <p>演示使用FileMaker对象动态生成 PDF 文件的效果。虽然还是在客户端生成PDF文件后保存到服务器上的，但是不在客户端显式的打开文件。</p>
                            </td>
                            <td>/FileMakerPDF</td>
                        </tr>
                        <tr>
                	        <td><img src="images/office-1.png" /></td>
                            <td>二、35、<a href="javascript:POBrowser.openWindow('WordCompare/compare.jsp' , 'width=1200px;height=800px;');">演示比较两个版本的Word文档的功能 </a><span style=" color:Red;">（企业版）</span>
                            <p>使用PageOffice同时在线打开两个版本的Word文档，切换显示其中的一个文档，或同时显示两个文档对比文档内容，实现在线的文档内容比较功能。</p>
                            </td>
                            <td>/WordCompare</td>
                        </tr>
                        <tr>
                	        <td><img src="images/office-1.png" /></td>
                            <td>二、36、<a href="javascript:POBrowser.openWindow('WordTextBox/TextBoxFill.jsp' , 'width=1200px;height=800px;');">给Word文本框中的数据区域赋值 </a><span style=" color:Red;">（专业版、企业版）</span>
                            <p>给Word文档中文本框里的数据区域赋值，实现填充数据到word文件中某些特殊位置的效果。</p>
                            </td>
                            <td>/WordTextBox</td>
                        </tr>
				        <tr>
                	        <td><img src="images/office-1.png" /></td>
                            <td>二、37、<a href="javascript:POBrowser.openWindow('WordRibbonCtrl/Word.jsp' , 'width=1200px;height=800px;');">控制Word的Ribbon工具栏 </a><span style=" color:Red;">（专业版、企业版）</span>
                            <p>隐藏或显示Word的Ribbon工具栏中的按钮、面板、命令分组。</p>
                            </td>
                            <td>/WordRibbonCtrl</td>
                        </tr>
                        <tr>
                	        <td><img src="images/office-2.png" /></td>
                            <td>二、38、<a href="javascript:POBrowser.openWindow('ExcelRibbonCtrl/Excel.jsp' , 'width=1200px;height=800px;');">控制Excel的Ribbon工具栏 </a><span style=" color:Red;">（专业版、企业版）</span>
                            <p>隐藏或显示Excel的Ribbon工具栏中的按钮、面板、命令分组。</p>
                            </td>
                            <td>/ExcelRibbonCtrl</td>
                        </tr>
                        <tr>
                	        <td><img src="images/office-1.png" /></td>
                            <td>二、39、<a href="javascript:POBrowser.openWindow('SplitWord/Word.jsp' , 'width=1200px;height=800px;');">拆分Word文档：把数据区域中的内容保存为子文档</a><span style=" color:Red;">（企业版）</span>
                            <p>保存文件时，把Word文档中属性SubmitAsFile = true的数据区域中的内容提取出来，保存为一个子文件。</p>
                            </td>
                            <td>/SplitWord</td>
                        </tr>
                        <tr>
                	        <td><img src="images/office-1.png" /></td>
                            <td>二、40、<a href="javascript:POBrowser.openWindow('CommentsList/Word.jsp' , 'width=1200px;height=800px;');">Word的两种新建批注方式和批注列表效果</a><span style=" color:Red;">（专业版、企业版）</span>
                            <p>演示了两种新建批注的方式：使用WordInsertComment方法新建批注和使用RunMacro方法调用VBA新建批注。使用RunMacro方法调用VBA接口在网页上实现批注列表，及点击批注列表中的批注导航到批注所在页的效果。</p>
                            </td>
                            <td>/CommentsList</td>
                        </tr>
                        <tr>
                	        <td><img src="images/office-1.png" /></td>
                            <td>二、41、<a href="javascript:POBrowser.openWindow('RevisionsList/Word.jsp' , 'width=1200px;height=800px;');">Word中显示痕迹列表效果</a>
                            <p>演示了遍历当前文档中的所有痕迹以列表的形式显示以及点击痕迹列表中的痕迹导航到痕迹所在页的效果。</p>
                            </td>
                            <td>/RevisionsList</td>
                        </tr>
                         <tr>
                	        <td><img src="images/office-1.png" /></td>
                            <td>二、42、<a href="javascript:POBrowser.openWindow('HandDrawsList/Word.jsp' , 'width=1200px;height=800px;');">Word显示手写批注列表效果</a><span style=" color:Red;">（企业版）</span>
                            <p>演示了遍历当前文档中的所有手写批注以列表的形式显示以及点击手写批注列表中的手写批注导航到批注所在页的效果。</p>
                            </td>
                            <td>/HandDrawsList</td>
                        </tr>
                        <tr>
                	        <td><img src="images/office-1.png" /></td>
                            <td>二、43、<a href="javascript:POBrowser.openWindow('WordCreateTable/createTable.jsp' , 'width=1200px;height=800px;');">在Word文档中动态创建表格并赋值</a><span style=" color:Red;">（专业版、企业版）</span>
                            <p>演示了如何在Word文档中动态创建多个表格并赋值。<p>
                            </td>
                            <td>/WordCreateTable</td>
                        </tr>
                        <tr>
                	        <td><img src="images/office-1.png" /></td>
                            <td>二、44、<a href="javascript:POBrowser.openWindow('RunMacro2/Word.jsp' , 'width=1200px;height=800px;');">执行文档中有返回值的宏命令（以Word为例）</a><span style=" color:Red;">（专业版、企业版）</span>
                            <p>使用PageOffice的RunMacro方法可以运行Office的宏命令，并获取宏的返回值。</p>
                            </td>
                            <td>/RunMacro2</td>
                        </tr>
                        <tr>
                	        <td><img src="images/pdf.jpg" /></td>
                            <td>二、45、<a href="javascript:POBrowser.openWindow('PDFSearch/PDF.jsp' , 'width=1200px;height=800px;');">PDF文档中的关键字搜索</a><span style=" color:Red;">（专业版、企业版）</span>
                            <p>演示了如何在PDF文档中以“上一个”和“下一个”的形式搜索关键字。</p>
                            </td>
                            <td>/PDFSearch</td>
                        </tr>
                        <tr>
                	        <td><img src="images/office-1.png" /></td>
                            <td>二、46、<a href="javascript:POBrowser.openWindow('SaveFirstPageAsImg/Word.jsp' , 'width=1200px;height=800px;');">保存Word首页为图片</a><span style=" color:Red;">（企业版）</span>
                            <p>演示了如何使用js调用WebSaveAsImage()方法将Word首页保存为图片。</p>
                            </td>
                            <td>/SaveFirstPageAsImg</td>
                        </tr>
                        <tr>
                	        <td><img src="images/office-2.png" /></td>
                            <td>二、47、<a href="javascript:POBrowser.openWindow('ExcelAdjustRC/Excel.jsp' , 'width=1200px;height=800px;');">Excel只读模式下调整行列</a><span style=" color:Red;">（专业版、企业版）</span>
                            <p>演示了如何在Excel只读模式下允许用户手动调整Excel表的行高和列宽。</p>
                            </td>
                            <td>/ExcelAdjustRC</td>
                        </tr>
                        <tr>
                	        <td><img src="images/office-1.png" /></td>
                            <td>二、48、<a href="javascript:POBrowser.openWindow('WordDeleteRow/WordTable.jsp' , 'width=1200px;height=800px;');">删除Word表格中的指定单元格所在行</a><span style=" color:Red;">（企业版）</span>
                            <p>演示了如何使用服务器端方法removeRowAt(cell)删除Word表格中的指定单元格所在行。</p>
                            </td>
                            <td>/WordDeleteRow</td>
                        </tr>
                        <tr>
                	        <td><img src="images/office-1.png" /></td>
                            <td>二、49、<a href="javascript:POBrowser.openWindow('InsertPageBreak2/Word.jsp' , 'width=1200px;height=800px;');">Word中使用服务器端方法插入分页符</a><span style=" color:Red;">（专业版、企业版）</span>
                            <p>演示了如何使用服务器端方法wordDocument.insertPageBreak()插入分页符，使得多个文档合并时各个文档的格式依旧保持不变。</p>
                            </td>
                            <td>/InsertPageBreak2</td>
                        </tr>
                        <tr>
                	        <td><img src="images/office-2.png" /></td>
                            <td>二、50、<a href="javascript:POBrowser.openWindow('ExcelInsertImage/Excel.jsp' , 'width=1200px;height=800px;');">Excel单元格中插入图片</a><span style=" color:Red;">（企业版）</span>
                            <p>演示了如何在Excel指定的单元格中插入图片，主要用到的方法是：cell.setValue("[image]image/logo.jpg[/image]")。</p>
                            </td>
                            <td>/ExcelInsertImage</td>
                        </tr>
                         <tr>
                	        <td><img src="images/office-1.png" /></td>
                            <td>二、51、<a href="javascript:POBrowser.openWindow('WordTableSetImg/WordTable.jsp' , 'width=1200px;height=800px;');">Word表格中的单元格内插入图片</a><span style=" color:Red;">（专业版、企业版）</span>
                            <p>演示如何使用cell.setValue("[image]doc/wang.gif[/image]")给Word表格中的单元格填充图片。</p>
                            </td>
                            <td>/WordTableSetImg</td>
                        </tr>
                         <tr>
                	        <td><img src="images/office-1.png" /></td>
                            <td>二、52、<a href="javascript:POBrowser.openWindow('WordTableBorder/TableBorder.jsp' , 'width=1200px;height=800px;');">设置Word表格的样式</a><span style=" color:Red;">（专业版、企业版）</span>
                            <p>演示如何使用使用Border类和Font类设置Word表格的边框样式及字体样式。</p>
                            </td>
                            <td>/WordTableBorder</td>
                        </tr>
          
                        <tr>
                	        <td><img src="images/office-1.png" /></td>
                            <td>二、53、<a href="javascript:POBrowser.openWindow('ExtractImage/Word.jsp' , 'width=1200px;height=800px;');">提取Word中的图片</a><span style=" color:Red;">（专业版、企业版）</span>
                            <p>演示如何使用使用Shape类获取Word文档中的图片。</p>
                            </td>
                            <td>/ExtractImage</td>
                        </tr>
                    </tbody>
                </table>
			</div>


			
		</div>
	</div>

	<div id="gtco-counter" class="gtco-section">
		<div class="gtco-container">

			<div class="row">
				<div class="col-md-8 col-md-offset-2 text-center gtco-heading animate-box" id="zonghe">
					<h2>三、综合演示</h2>
				</div>
			</div>

			<div class="row">
    	        <table class="zz-talbe">
        	        <thead>
            	        <tr>
                	        <th style="width:40px;">类型 </th>
                            <th style="width:500px;">功能示例</th>
                            <th style="width:120px;">文件夹</th>
                        </tr>
                    </thead>
                    <tbody>
         
                        
                        <tr>
                	        <td><img src="images/office-1.png" /></td>
                            <td>三、1、<a href="javascript:POBrowser.openWindow('FileMaker/Default.jsp' , 'width=1200px;height=800px;');">FileMaker批量转换文档（以Word为例）</a><span style=" color:Red;">（专业版、企业版）</span>
                            <p>演示动态生成多个Word文件的效果。</p>
                            </td>
                            <td>/FileMaker</td>
                        </tr>
                         <tr>
                	        <td><img src="images/office-1.png" /></td>
                            <td>三、2、<a href="ExaminationPaper/Default.jsp" target="_blank">在Word文档中动态生成一张试卷</a>
                            <p>演示选择题库中的部分试题，动态生成一份试卷的效果。如果使用动态生成js的方式实现，那么所有的PageOffice版本都可以支持；<span style="color:Maroon;">如果使用动态创建数据区域的方式来实现，编程会更简单，但是标准版不支持。</span> </p>
                            </td>
                            <td>/ExaminationPaper</td>
                        </tr>
                        <tr>
                	        <td><img src="images/office-1.png" /></td>
                            <td>三、3、<a href="http://www.zhuozhengsoft.com/down4/Java/BigDemo/worddemo.rar" >在OA或文档系统里文件流转中的使用效果</a>
                            <p>用修改无痕迹模式起草文件，各个领导批注自己意见的时候使用强制留痕模式打开，文员清稿的时候用核稿模式打开，还有最后只读模式打开发布的正式文件。其中在领导批注环节也演示了PageOffice提供的手写功能，在文件核稿之后可以加盖印章。</p>
                            </td>
                            <td><p style="color:Red;">卓正网站 / worddemo.rar</p></td>
                        </tr>
                        <tr>
                	        <td><img src="images/office-2.png" /></td>
                            <td>三、4、<a href="http://www.zhuozhengsoft.com/down4/Java/BigDemo/exceldemo.rar">对Excel文件格式提供的两种编辑模式（编辑模式和只读模式）</a>
                            <p>演示了PageOffice打开编辑保存Excel文件的效果，还有在Excel中手写圈阅和盖章的效果。</p>
                            </td>
                            <td><p style="color:Red;">卓正网站 / exceldemo.rar</p></td>
                        </tr>
                        <tr>
                	        <td><img src="images/office-1.png" /></td>
                            <td>三、5、<a href="http://www.zhuozhengsoft.com/down4/Java/BigDemo/poword.rar">请假条示例</a>
                            <p>演示了PageOffice对Word模板的数据填充生成正式文件效果，同时演示了从Word文件中获取数据提交到服务器端保存到数据库中的效果，同时还可以看到PageOffice对Word文件中可编辑区域的控制效果，不但可以控制哪些区域可以编辑，还可以控制哪些区域只能以选择的方式选择指定的数据来修改内容。</p>
                            </td>
                            <td><p style="color:Red;">卓正网站 / poword.rar</p></td>
                        </tr>
                        <tr>
                	        <td><img src="images/office-2.png" /></td>
                            <td>三、6、<a href="http://www.zhuozhengsoft.com/down4/Java/BigDemo/poexcel.rar">模拟了一个简易的订单系统</a>
                            <p>演示了PageOffice对Excel模板的数据填充生成Excel文件，演示了获取Excel表格中的数据保存到数据库，演示了用PageOffice填充数据库数据到Excel报表模板生成Excel报表，演示了填充不定行数据到模板表格中行自动增长效果。</p>
                            </td>
                            <td><p style="color:Red;">卓正网站 / poexcel.rar</p></td>
                        </tr>
                        <tr>
                	        <td><img src="images/office-1.png" /></td>
                            <td>三、7、<a href="javascript:POBrowser.openWindow('WordParagraph/Word.jsp' , 'width=1200px;height=800px;');">完全编程实现动态生成Word文件</a><span style=" color:Red;">（专业版、企业版）</span>
                            <p>演示了使用PageOffice.WordWriter命名空间中提供的类，用纯代码编程的方式在一个空白的Word文件中生成一个图文并茂、文本段落格式均已设置好的Word文档。</p>
                            </td>
                            <td>/WordParagraph</td>
                        </tr>
                        <tr>
                	        <td><img src="images/office-2.png" /></td>
                            <td>三、8、<a href="javascript:POBrowser.openWindow('DrawExcel/Excel.jsp' , 'width=1200px;height=800px;');">完全编程实现动态生成Excel文件</a><span style=" color:Red;">（专业版、企业版）</span>
                            <p>演示了使用PageOffice.ExcelWriter命名空间中提供的类，用纯代码编程的方式在一个空白的Excel文件中“绘制”一个包含了复杂公式的、表格线和文本颜色俱全、单元格格式完美并填充了数据的Excel表。</p>
                            </td>
                            <td>/DrawExcel</td>
                        </tr>
                        <tr>
                	        <td><img src="images/office-1.png" /></td>
                            <td>三、9、<a href="TaoHong/index.jsp" target="_blank">使用PageOffice实现模板套红</a><span style=" color:Red;">（专业版、企业版）</span>
                            <p>演示了使用PageOffice的数据填充功能实现Word文件套红的效果。</p>
                            </td>
                            <td>/TaoHong</td>
                        </tr>
                        <tr>
                	        <td><img src="images/office-1.png" /></td>
                            <td>三、10、<a href="WordSalaryBill/index.jsp" target="_blank">插入Word表格模板动态生成工资条</a><span style=" color:Red;">（专业版、企业版）</span>
                            <p>演示了插入Word文件、填充Word表格数据、合并Word文件、循环插入表格等功能。</p>
                            </td>
                            <td>/WordSalaryBill</td>
                        </tr>
                        <tr>
                	        <td><img src="images/office-1.png" /></td>
                            <td>三、11、<a href="http://www.zhuozhengsoft.com/down4/Java/BigDemo/huiqiandan.rar" >“汇签单”效果</a><span style=" color:Red;">（专业版、企业版）</span>
                            <p>演示了使用数据区域控制不同用户编辑不同区域，实现汇签单的效果。</p>
                            </td>
                            <td><p style="color:Red;">/卓正网站 / huiqiandan.rar</p></td>
                        </tr>
                        <tr>
                	        <td><img src="images/office-1.png" /></td>
                            <td>三、12、<a href="http://www.zhuozhengsoft.com/down4/Java/BigDemo/TemplateEdit.rar">实现“用户自定义Word模板”动态生成文件</a><span style=" color:Red;">（专业版、企业版）</span>
                            <p>演示了如何通过用户自定义模板实现更灵活的动态填充生成Word文档。</p>
                            </td>
                            <td><p style="color:Red;">/卓正网站 / TemplateEdit.rar</p></td>
                        </tr>
                        <tr>
                	        <td><img src="images/office-1.png" /></td>
                            <td>三、13、<a href="javascript:POBrowser.openWindow('PrintFiles/Default.jsp' , 'width=1200px;height=800px;');">FileMaker批量生成并打印文件（以Word为例）</a><span style=" color:Red;">（专业版、企业版）</span>
                            <p>演示动态生成多个Word文件并批量打印的效果，如果只需要批量打印功能也可以参考此示例。</p>
                            </td>
                            <td>/PrintFiles</td>
                        </tr>
                         <tr>
                	        <td><img src="images/office-1.png" /></td>
                            <td>三、14、<a href="SaveAndSearch/FileManage.jsp"  target="_blank">全文搜索包含关键字的Word文档</a><span style=" color:Red;">（专业版、企业版）</span>
                            <p>演示如何全文搜索包含关键字的Word文档，并且打开文档后高亮显示关键字。</p>
                            </td>
                            <td>/SaveAndSearch</td>
                        </tr>
                      <tr>
                	        <td><img src="images/office-1.png" /></td>
                            <td>三、15、<a href="javascript:POBrowser.openWindow('FileMakerConvertPDFs/index.jsp' , 'width=1200px;height=800px;');">Word批量转换成PDF文件</a><span style=" color:Red;">（专业版、企业版）</span>
                            <p>演示如何使用使用FileMakerCtrl组件批量转换Word文件为PDF文件。</p>
                            </td>
                            <td>/FileMakerConvertPDFs</td>
                        </tr>
                    </tbody>
                </table>				
					
			</div>
		</div>
	</div>

	<div id="gtco-products">
		<div class="gtco-container">
			<div class="row animate-box">
				<div class="col-md-8 col-md-offset-2 text-center gtco-heading animate-box" id="jiqiao">
					<h2>四、其他技巧</h2>
				</div>
			</div>
			<div class="row animate-box">
    	        <table class="zz-talbe">
        	        <thead>
            	        <tr>
                	        <th style="width:40px;">类型 </th>
                            <th style="width:500px;">功能示例</th>
                            <th style="width:120px;">文件夹</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                	        <td><img src="images/office-1.png" /></td>
                            <td>四、1、<a href="javascript:POBrowser.openWindow('DeleteRow/DeleteRow.jsp' , 'width=1200px;height=800px;');">js 删除Word表格中光标所在行</a><span style=" color:Red;">（专业版、企业版）</span>
                            <p>演示使用js调用Office的VBA接口删除Word表格中一行单元格的效果。</p>
                            </td>
                            <td>/DeleteRow</td>
                        </tr>
                        <tr>
                	        <td><img src="images/office-1.png" /></td>
                            <td>四、2、<a href="javascript:POBrowser.openWindow('HiddenRulars/Word.jsp' , 'width=1200px;height=800px;');">显示/隐藏Word文件中的标尺</a>
                            <p>演示使用js调用Office的VBA接口隐藏Word标尺的效果。</p>
                            </td>
                            <td>/HiddenRulars</td>
                        </tr>
                        <tr>
                	        <td><img src="images/office-1.png" /></td>
                            <td>四、3、<a href="javascript:POBrowser.openWindow('WordAddBKMK/WordAddBKMK.jsp' , 'width=1200px;height=800px;');">在Word当前光标处插入书签</a><span style=" color:Red;">（专业版、企业版）</span>
                            <p>演示使用js调用Office的VBA接口在文件中插入书签的功能。</p>
                            </td>
                            <td>/WordAddBKMK</td>
                        </tr>
                        <tr>
                	        <td><img src="images/office-1.png" /></td>
                            <td>四、4、<a href="javascript:POBrowser.openWindow('WordLocateBKMK/Word.jsp' , 'width=1200px;height=800px;');">js 定位光标到书签</a><span style=" color:Red;">（专业版、企业版）</span>
                            <p>演示使用js调用Office的VBA接口，定位光标到书签所在位置，一般可以用来实现盖章自动到指定位置的效果。</p>
                            </td>
                            <td>/WordLocateBKMK</td>
                        </tr>
                         <tr>
                	        <td><img src="images/office-1.png" /></td>
                            <td>四、5、<a href="javascript:POBrowser.openWindow('WordHyperLink/Word.jsp' , 'width=1200px;height=800px;');">Word 中插入超文本链接url</a><span style=" color:Red;">（专业版、企业版）</span>
                            <p>演示使用js调用Office的VBA接口，在Word中插入超链的效果。</p>
                            </td>
                            <td>/WordHyperLink</td>
                        </tr>
                        <tr>
                	        <td><img src="images/office-1.png" /></td>
                            <td>四、6、<a href="javascript:POBrowser.openWindow('WordMergeCell/Word.jsp' , 'width=1200px;height=800px;');">js合并Word单元格</a><span style=" color:Red;">（专业版、企业版）</span>
                            <p>演示使用js调用Office的VBA接口，实现对Word中单元格的合并操作。</p>
                            </td>
                            <td>/WordMergeCell</td>
                        </tr>
                        <tr>
                	        <td><img src="images/office-1.png" /></td>
                            <td>四、7、<a href="javascript:POBrowser.openWindow('WordGetSelection/Word.jsp' , 'width=1200px;height=800px;');">js获取Word选中的文字</a>
                            <p>演示使用js调用Office的VBA接口，获取到文件中目前选中的文本内容。</p>
                            </td>
                            <td>/WordGetSelection</td>
                        </tr>
                        <tr>
                	        <td><img src="images/office-1.png" /></td>
                            <td>四、8、<a href="javascript:POBrowser.openWindow('WordGoToPage/Word.jsp' , 'width=1200px;height=800px;');">js实现Word跳转到指定页面</a><span style=" color:Red;">（专业版、企业版）</span>
                            <p>演示使用js调用Office的VBA接口，实现跳转到Word文档的指定页面和获取文档总页数。</p>
                            </td>
                            <td>/WordGoToPage</td>
                        </tr>
                        <tr>
                	        <td><img src="images/office-2.png" /></td>
                            <td>四、9、<a href="javascript:POBrowser.openWindow('JsOpXlsCellText/Excel.jsp' , 'width=1200px;height=800px;');">js获取和设置Excel单元格的值</a><span style=" color:Red;">（专业版、企业版）</span>
                            <p>演示使用js调用Office的VBA接口，实现获取和设置Excel文档中指定单元格的值。</p>
                            </td>
                            <td>/JsOpXlsCellText</td>
                        </tr>
                         <tr>
                	        <td><img src="images/office-1.png" /></td>
                            <td>四、10、<a href="javascript:POBrowser.openWindow('InsertPageBreak/Word.jsp' , 'width=1200px;height=800px;');">js实现在Word光标处插入分页符</a><span style=" color:Red;">（专业版、企业版）</span>
                            <p>演示使用js调用Office的VBA接口，实现在Word文档光标处插入分页符。</p>
                            </td>
                            <td>/InsertPageBreak</td>
                        </tr>
                        <tr>
                	        <td><img src="images/office-1.png" /></td>
                            <td>四、11、<a href="javascript:POBrowser.openWindow('WordDelBKMK/Word.jsp' , 'width=1200px;height=800px;');">删除Word文档中选中文本内容中的书签</a><span style=" color:Red;">（专业版、企业版）</span>
                            <p>演示使用js调用Office的VBA接口，删除Word文档中选中文本内容中的书签。</p>
                            </td>
                            <td>/WordDelBKMK</td>
                        </tr>
                    </tbody>
                </table>
			</div>
		</div>
	</div>
    
    
    <div id="gtco-features">
		<div class="gtco-container">
			<div class="row">
				<div class="col-md-8 col-md-offset-2 text-center gtco-heading animate-box" id="jichu">
					<h2 style="font-size:30px;">六、仅支持IE浏览器的PageOffice集成方式</h2>
				</div>
			</div>
			<div class="row">
			<p><font color=red>注意：</font>本示例包中的所有示例均可按照下面的代码集成方式编写。如果您确定您的软件项目的所有用户只使用IE浏览器，请按下面示例的集成方式调用PageOffice，效果更佳。</p>
				<table class="zz-talbe">
        	        <thead>
            	        <tr>
                	        <th style="width:40px;">类型 </th>
                            <th style="width:500px;">功能示例</th>
                            <th style="width:120px;">文件夹</th>
                        </tr>
                    </thead>
                    <tbody>
            	        <tr>
                	        <td><img src="images/office-1.png" /></td>
                            <td>六、1、<a href="SimpleWord2/Word.jsp" target="_blank">最简单在线打开保存Word文件（URL地址方式）</a>
                                <p >演示PageOffice实现最基本的在线打开保存服务器上Word文件的功能，也是最简单的一个集成PageOffice的示例，第一次接触PageOffice产品的用户可以参考此示例把PageOffice集成到自己的项目中。</p></td>
                            <td>/SimpleWord2</td>
                        </tr>
                        <tr>
                	        <td><img src="images/office-2.png" /></td>
                            <td>六、2、<a href="SimpleExcel2/Excel.jsp" target="_blank">最简单在线打开保存Excel文件（URL地址方式）</a>
                            <p>演示在线打开保存Excel文件的效果，与上面打开保存Word的代码几乎完全一样，只是WebOpen的第二个参数不一样。WebOpen方法的第二个参数需要与实际要打开的Office文档的文件格式保持一致</p>
                            </td>
                            <td>/SimpleExcel2</td>
                        </tr>
                        <tr>
                	        <td><img src="images/pdf.jpg" /></td>
                            <td>六、3、<a href="POPDF2/PDF.jsp" target="_blank">在线打开PDF文件</a><span style=" color:Red;">（专业版、企业版）</span>
                            <p>演示使用POPDF组件在线打开PDF文件的效果，标题栏、菜单栏、工具栏和自定义工具条都可以分别隐藏，同时自定义工具条上的按钮的数量和功能均可编程控制。</p>
                            </td>
                            <td>/POPDF2</td>
                        </tr>
						<tr>
                	        <td><img src="images/office-1.png" /></td>
                            <td>六、4、<a href="HtmlWord/index.html" target="_blank">用Html静态页面集成PageOffice（以Word为例）</a>
                                <p>演示如何使用静态Html页面集成PageOffice。</p></td>
                            <td>/HtmlWord</td>
                        </tr>
                    </tbody>
                </table>
			</div>
		</div>
	</div>
                
	<div id="gtco-subscribe">
		<div class="gtco-container">
			<div class="row ">
				<div class="col-md-8 col-md-offset-2 text-center gtco-heading">
					<h2>PageOffice V4.0</h2>
					<p>Copyright © 2017 北京卓正志远软件有限公司.</p>
				</div>
			</div>
			
			</div>
		</div>
	</div>
<!--
	<footer id="gtco-footer" role="contentinfo">

	</footer>-->
	</div>

	<div class="gototop js-top">
		<a href="#" class="js-gotop"><i class="icon-arrow-up"></i></a>
	</div>
	
	<!-- jQuery -->
	<script src="js/jquery.min.js"></script>
	<!-- jQuery Easing -->
	<script src="js/jquery.easing.1.3.js"></script>
	<!-- Bootstrap -->
	<script src="js/bootstrap.min.js"></script>
	<!-- Waypoints -->
	<script src="js/jquery.waypoints.min.js"></script>
	<!-- Carousel -->
	<script src="js/owl.carousel.min.js"></script>
	<!-- countTo -->
	<script src="js/jquery.countTo.js"></script>
	<!-- Magnific Popup -->
	<script src="js/jquery.magnific-popup.min.js"></script>
	<script src="js/magnific-popup-options.js"></script>
	<!-- Main -->
	<script src="js/main.js"></script>

	</body>
</html>

